<template>
  <el-container class="app-container">

      <el-page-header @back="$router.go(-1)" content="商户信息"></el-page-header>

    <el-card class="box-card m-t-10">
      <el-form ref="form" :model="form" :rules="rules" label-width="120px" style="width: 80%">
        <el-form-item prop="level" label="商户ID:">
          {{company.id}}
        </el-form-item>
        <el-form-item prop="level" label="LOGO:">
          <img :src="company.logo" alt=""
               style="padding:5px;border-radius: 5px;width: 250px">
        </el-form-item>
        <el-form-item prop="level" label="简称:">
          {{company.name}}
        </el-form-item>
        <el-form-item prop="level" label="主体:">
          {{company.subject}}
        </el-form-item>

        <el-form-item prop="level" label="地址:">
          {{company.addressDetail}}
        </el-form-item>
        <el-form-item prop="level" label="联系人:">
          {{company.contactName}}
        </el-form-item>
        <el-form-item prop="level" label="联系人电话:">
          {{company.contactMobile}}
        </el-form-item>
      </el-form>
    </el-card>
    <el-footer></el-footer>
  </el-container>
</template>

<script>
  import loginApi from '@/api/login'
  import Cookies from 'js-cookie'
  const userId = Cookies.get('useId-B')

  export default {
    name: "companyMess",
    data() {
      return {
        company: {}
      }
    },
    mounted() {
      loginApi.getUserMess(userId).then(res=>{
        this.company = res.body[0]
      })
    }
  }
</script>

<style scoped lang="scss">
  .box-card {
    .item {
      height: 50px;
      line-height: 50px;
    }
  }
</style>
